<template>
	<view class="biaqian">
		<span style="margin-left: 20px; color: #666666;">标签 : </span>
		<button v-for="(item,index) in tags" :key="index">
			<text>{{item}}</text>
		</button>
	</view>
</template>

<script>
	export default {
		props:{
			tags:{
				type:Array,
				default(){
					return ['榜单'];
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.biaqian{
		width: 100%;
		height: 44rpx;
		//background-color: pink;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		span{
			color: #666;
			font-size: 28rpx;
		}
		button{
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20rpx;
			margin-left: 20rpx;
			margin-right: 10rpx;
			border-radius: 200rpx;
			border: 2rpx solid gray;
			color: #666666;
		}
	}			
</style>
